// strategy-detail.js
Page({
  data: {
    navHeight: 88, // 默认导航栏高度
    strategyInfo: {
      id: '',
      username: '',
      fansCount: 0,
      avatar: '',
      title: '',
      backgroundImage: '',
      publishTime: '2小时前',
      readCount: 1234,
      likeCount: 89,
      routeSteps: [],
      tips: [],
      bestTime: '',
      duration: '',
      difficulty: '',
      cost: ''
    }
  },

  onLoad(options) {
    const { id } = options
    console.log('攻略详情页面加载:', id)
    
    // 设置页面数据
    this.setStrategyData(parseInt(id) || 1)
  },

  // 根据ID设置攻略数据
  setStrategyData(id) {
    const strategyData = {
      1: {
        id: '1',
        username: 'Yuval Noah Harari',
        fansCount: 2372,
        avatar: '/images/攻略照片1.jpg',
        title: 'Design Like Apple',
        backgroundImage: '/images/攻略照片1.jpg',
        publishTime: '2小时前',
        readCount: 1234,
        likeCount: 89,
        bestTime: '春秋两季',
        duration: '1-2天',
        difficulty: '休闲级',
        cost: '200-500元',
        routeSteps: [
          {
            step: 1,
            title: '黑麋峰入口集合',
            description: '早上8:00在黑麋峰景区入口集合，建议提前预定门票，避免排队等候。',
            time: '08:00',
            tips: '带好身份证，穿舒适的运动鞋'
          },
          {
            step: 2,
            title: '森林徒步开始',
            description: '沿着主要步道开始徒步，欣赏原始森林风光，注意保护环境，不要乱扔垃圾。',
            time: '08:30',
            tips: '准备足够的饮用水，建议带上帽子'
          },
          {
            step: 3,
            title: '观景台休息',
            description: '到达第一个观景台，可以俯瞰山下美景，是拍照的绝佳位置。',
            time: '10:00',
            tips: '这里是最佳拍照点，记得充电宝'
          },
          {
            step: 4,
            title: '山顶日出观赏',
            description: '继续向山顶进发，在最高点等待日出，体验云海翻腾的壮观景象。',
            time: '05:30',
            tips: '需要凌晨出发，带好保暖衣物'
          }
        ],
        tips: [
          '建议穿着舒适的徒步鞋，避免滑倒',
          '携带足够的水和食物，山上补给有限',
          '注意天气变化，雨天路滑需谨慎',
          '保护环境，不留垃圾在山中',
          '结伴同行，避免单独行动'
        ]
      },
      2: {
        id: '2',
        username: 'Robert B. Cialdini',
        fansCount: 3128,
        avatar: '/images/攻略照片2.jpg',
        title: 'Red Building Design',
        backgroundImage: '/images/攻略照片2.jpg',
        publishTime: '5小时前',
        readCount: 856,
        likeCount: 67,
        bestTime: '四季皆宜',
        duration: '半天',
        difficulty: '入门级',
        cost: '50-150元',
        routeSteps: [
          {
            step: 1,
            title: '景区南门进入',
            description: '从南门进入景区，购买联票更加优惠，包含所有建筑参观。',
            time: '09:00',
            tips: '南门停车位较多，建议选择'
          },
          {
            step: 2,
            title: '红楼建筑群参观',
            description: '参观标志性的红色建筑群，了解其历史背景和建筑特色。',
            time: '09:30',
            tips: '建议请导游讲解，更有收获'
          },
          {
            step: 3,
            title: '文化展览观看',
            description: '观看相关文化展览，深入了解当地文化和历史传承。',
            time: '11:00',
            tips: '展览每天定时更新，内容丰富'
          }
        ],
        tips: [
          '关注官方微信获取最新活动信息',
          '避开节假日人流高峰期',
          '建筑内部禁止拍照，请遵守规定',
          '可以购买文创产品作纪念'
        ]
      },
      3: {
        id: '3',
        username: 'Luan Ling',
        fansCount: 1895,
        avatar: '/images/攻略照片3.jpg',
        title: 'Modern Architecture',
        backgroundImage: '/images/攻略照片3.jpg',
        publishTime: '1天前',
        readCount: 567,
        likeCount: 45,
        bestTime: '全年',
        duration: '2-3小时',
        difficulty: '休闲级',
        cost: '免费参观',
        routeSteps: [
          {
            step: 1,
            title: '现代建筑区域',
            description: '参观现代化建筑群，感受现代设计与自然的完美融合。',
            time: '14:00',
            tips: '下午光线最佳，适合拍照'
          },
          {
            step: 2,
            title: '艺术装置观赏',
            description: '欣赏户外艺术装置，体验现代艺术的魅力。',
            time: '15:00',
            tips: '可以互动体验，很有趣'
          }
        ],
        tips: [
          '免费参观，无需门票',
          '适合亲子游览',
          '有专门的拍照区域'
        ]
      },
      4: {
        id: '4',
        username: 'Wang Yuan',
        fansCount: 1567,
        avatar: '/images/攻略照片4.jpg',
        title: 'Colorful Design',
        backgroundImage: '/images/攻略照片4.jpg',
        publishTime: '3天前',
        readCount: 234,
        likeCount: 23,
        bestTime: '春夏季',
        duration: '1天',
        difficulty: '中等',
        cost: '300-800元',
        routeSteps: [
          {
            step: 1,
            title: '彩色建筑游览',
            description: '游览充满色彩的建筑群，感受浓郁的艺术氛围。',
            time: '10:00',
            tips: '色彩丰富，是拍照圣地'
          }
        ],
        tips: [
          '春夏季节色彩更加鲜艳',
          '建议带专业相机',
          '可以购买手绘地图作纪念'
        ]
      }
    }

    const info = strategyData[id] || strategyData[1]
    this.setData({
      strategyInfo: info
    })
  },

  // 导航栏高度变化事件
  onNavHeightChange(e) {
    const { totalHeight } = e.detail
    this.setData({
      navHeight: totalHeight
    })
  },

  // 导航栏返回按钮点击事件
  onNavBackTap() {
    wx.navigateBack({
      delta: 1,
      success: () => {
        console.log('成功返回')
      },
      fail: (err) => {
        console.error('返回失败:', err)
        wx.redirectTo({
          url: '/pages/guide/guide'
        })
      }
    })
  },

  // 点赞功能
  onLikeTap() {
    const currentLikes = this.data.strategyInfo.likeCount
    this.setData({
      'strategyInfo.likeCount': currentLikes + 1
    })
    
    wx.showToast({
      title: '点赞成功',
      icon: 'success',
      duration: 1000
    })
  },

  // 分享功能
  onShareTap() {
    wx.showToast({
      title: '分享功能开发中',
      icon: 'none',
      duration: 1500
    })
  }
})
